﻿.breadcrumb {
    padding: 8px 0 8px 10px;
    border-radius: 2px;
    background-color: #f6f6f6;
}

    .breadcrumb:after, .breadcrumb:before, .form-inline:after, .form-inline:before {
        display: table;
        content: "";
    }

    .breadcrumb:after, .form-inline:after {
        clear: both;
    }

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li:first-child {
            padding-right: 5px;
        }

        .breadcrumb li a:hover {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

    .breadcrumb > li + li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc;
    }

    .breadcrumb li.active {
        color: #196eac;
    }




.page-breadcrumb {
    list-style: outside none none;
    margin: 0;
    padding: 8px;
}

    .page-breadcrumb > li {
        display: inline-block;
    }

.ie8 .page-breadcrumb > li {
    margin-right: 1px;
}

.page-breadcrumb > li > a, .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;

    &:hover {
        color: #1a69a1;
    }
}

.page-breadcrumb > li > i {
    color: #aaa;
    font-size: 14px;
    text-shadow: none;
}

    .page-breadcrumb > li > i[class^="fa-"], .page-breadcrumb > li > i[class*="fa-"] {
        color: gray;
        width: 1.25em;
        text-align: center;
    }
